@charset "UTF-8";
/**
 * 
 * @authors supmain (mtingfeng@gmail.com)
 * @date    2014-12-12 17:17:07
 * @update  2014-12-12 17:17:07
 * @for webapp.html
 * @version $Id$
 */
/* 头部搜索 */
::-webkit-input-placeholder { /* WebKit browsers */
color: #fff; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff; }
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff; }
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff; }
.common_header { justify-content: flex-start; position: relative;}
.search_box { margin: 0 10px 0 20px; padding: 0 10px; }
.search_box { background-color: #00A2CA; border-radius: 6px; }
.search_box form { width: 100%; }
.search_txt { }
#searchingbox { position: absolute; top: 53px; left: 0; width: 100%; background-color: #fff; }
#searchingbox ul { width: 100%; }
#searchingbox ul li { border-bottom: 1px solid #E6E6E6; }
#searchingbox ul li a { padding-left: 20px; color: #686868; display: block; tap-highlight-color: rgba(255, 0, 0, 0.3); -webkit-tap-highlight-color: rgba(255, 0, 0, 0.3); -ms-tap-highlight-color: rgba(255, 0, 0, 0.3);}
#searchingbox ul li span { color: #FF6600; }
.box { padding: 10px; }
.hotsearch_title, .history_title { font-size: 16px; color: #00A2CA; }
.hot_list { padding-left: 10px; }
.hot_list > a { display: inline-block; color: #B2B2B2; background-color: #EDEDED; margin-top: 10px; padding: 6px 12px; tap-highlight-color: rgba(255, 0, 0, 0.6); -webkit-tap-highlight-color: rgba(255, 0, 0, 0.6); -ms-tap-highlight-color: rgba(255, 0, 0, 0.6); }
.his_list { }
.his_list > p:first-child { margin-top: 10px; border-top: 1px solid #E6E6E6; }
.his_list > p { padding: 8px 10px; border-bottom: 1px solid #E6E6E6; }
#clearHistory { float: right; font-size: 14px; color: #606060; background-color: #F2F2F2; box-shadow: 0 2px 2px #999; margin-right: 10px; }
#clearHistory:active { color: #fff; background-color: #D2D2D2; }
.search_txt #search {
	width: 90%;
	/*Firefox*/
	width: -moz-calc(100% - 10px);
	/*chrome safari*/
	width: -webkit-calc(100% - 10px);
	/*Standard */
	width: calc(100% - 10px); height: 24px; color: #fff; background-color: #00A2CA; border: none; border-radius: 4px;}
.search_btn { }
.search_btn a { tap-highlight-color: rgba(0, 188, 233, 0.2); -webkit-tap-highlight-color: rgba(0, 188, 233, 0.2); -ms-tap-highlight-color: rgba(0, 188, 233, 0.2); }
.search_btn a i { font-weight: bold; color: #fff; font-size: 20px; }

.products > li { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-flow: row nowrap; align-items: stretch; justify-content: flex-start; margin: 10px 10px 0; padding-bottom: 10px; border-bottom: 1px solid #D6D6D6}
.products > li:last-child { border-bottom: none; box-shadow: none; }
.pro_img { -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1; /* OLD - Firefox 19- */
	-ms-flex: 1; /* IE 10 */
-webkit-flex: 1; flex: 1; text-align: center; }
.pro_detail { -webkit-box-flex: 1.8; /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1.8; /* OLD - Firefox 19- */
	-ms-flex: 1.8; /* IE 10 */
-webkit-flex: 1.8; flex: 1.8; padding-top: 8px; }
.pro_detail h2 a { color: #383838; font-weight: bold; }
.pro_detail p { color: #B3B3B3; line-height: 1.5em; }
.pro_img img { max-width: 80%; }
.loading { margin-top: 16px; color: #A1A1A1; text-align: center; }
@media screen and (min-width:340px) {
	.pro_detail { padding-top: 16px; }
}

/* 搜索结果 */
.products > li { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox; /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
flex-flow: row nowrap; align-items: stretch; justify-content: flex-start; margin: 10px 10px 0; padding-bottom: 10px; border-bottom: 1px solid #D6D6D6}
.products > li:last-child { border-bottom: none; box-shadow: none; }
.pro_img { -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1; /* OLD - Firefox 19- */
	-ms-flex: 1; /* IE 10 */
-webkit-flex: 1; flex: 1; text-align: center; }
.pro_detail { -webkit-box-flex: 1.8; /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1.8; /* OLD - Firefox 19- */
	-ms-flex: 1.8; /* IE 10 */
-webkit-flex: 1.8; flex: 1.8; padding-top: 8px; }
.pro_detail h2 a { color: #383838; font-weight: bold; }
.pro_detail p { color: #B3B3B3; line-height: 1.5em; }
.pro_img img { max-width: 80%; }
@media screen and (min-width:340px) {
	.pro_detail { padding-top: 16px; }
}